<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Editable TreeGrid - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Public/js/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Public/js/easyui/themes/icon.css">
    <link href="//cdn.bootcss.com/element-ui/1.4.2/theme-default/index.css" rel="stylesheet">
    <link href="resourceInfo.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.jeasyui.net/Public/js/easyui/jquery.easyui.min.js"></script>
</head>
<body>
<div id="toolbar">
    <button class="easyui-linkbutton"><i class="iconfont icon-shanchu" style="color: red"></i>删除</button>
    <label for="nameInput">资源名称:</label>
    <input class="easyui-textbox" type="text" id="nameInput"></input>
    <label for="permissionInput">permission:</label>
    <input class="easyui-textbox" type="text" id="permissionInput"></input>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" style="width:80px">查询</a>
</div>

<table id="tg" class="easyui-treegrid" title="Editable TreeGrid" style="width:90%;height:850px">
    <thead>
    <tr>
        <th data-options="field:'name',width:260">资源名称</th>
        <th data-options="field:'id',width:20">id</th>
        <th data-options="field:'category',width:20,align:'right'">类型</th>
        <th data-options="field:'permission',width:60">permission</th>
        <th data-options="field:'icon',width:70">icon</th>
        <th data-options="field:'url',width:160">地址</th>
        <th data-options="field:'parentId',width:20">parent</th>
        <th data-options="field:'operate',width:40,formatter:operateFmt">操作</th>
    </tr>
    </thead>
</table>
<div id="app">
    <template>
        <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" :show-close="false">
            <iframe :src="dialogSrc" style="width:100%;height:500px" frameborder="none">
            </iframe>
        </el-dialog>
    </template>
</div>


<script type="text/javascript" src="../sytem.config.js"></script>
<script src="//cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
<script src="//cdn.bootcss.com/element-ui/1.4.2/index.js"></script>
<script src="resourceList.js"></script>
</body>
</html>